@charset "UTF-8";
/*

CompareXpress
http://www.comparexpress.com


REMARKS:
* Font sizes should be changed to EM

*/

html {
font-size:100.01%;
}


body {
background:white;
width:100%; height:auto;
font-size:0.85em;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:#313131;
}

* {
padding:0; margin:0;
}

a {
color:#0b76b7;
text-decoration:underline;
cursor:pointer;
}



img {border:0;}

table, td, div, img {
border:0; border-collapse:collapse;
}


h1 {
font-size:1.3em;
}

h3 {
font-size:1.3em;
}

ul, li {
list-style: none;
}


#framework {
margin:0 auto;
width:1001px; height:100%;
}


#container {
margin: 0 auto;
width:1001px; height:100%;
text-align:left;
}

.pad_15 {
padding:15px;
}

.pad_10 {
padding:10px;
}

.pad_7 {
padding:7px;
}

.pad_15_x {
padding:0 15px 15px 15px;
}


#header {
width:100%; height:100px;
}

#header .left {
float:left;
}

#header .right {
float:right;
margin-top:45px;
}

#header .socialbar {
width:auto;
float:right;
}
#header .socialbar ul{
list-style: none;
height:20px;
float:right;
text-align:right;
}
#header .socialbar ul li{
line-height: 16px;
height:20px;
display:inline;
text-align:right; 
font-size:11px; 
font-weight:normal;
color:#888;

}
#header .socialbar li.twitter{
background: url(../images/icon/twitter.gif) no-repeat right top;
padding-right: 20px;
height:20px;
display:block;
width: 100px;
float:left;
margin-right:15px;
}
#header .socialbar li.facebook{
background: url(/images/icon/facebook.gif) no-repeat right top;
padding-right: 20px;
height:20px;
display:block;
width: 140px;
float:left;
}

#header .userinfo {
width:300px; height:auto;
font-size:11px;
color:#6e7f86;
float:right;
}

#header .userinfo a {
color:#6e7f86;
text-decoration:none;
}

#header .userinfo ul{
height:30px;
list-style:none;
float:right;
}
#header .userinfo ul li{
padding-left:15px;
line-height:15px;
font-size:11px;
font-weight:normal;
height:30px;
}
#header .userinfo a:hover{
color:#5c6b72;
text-decoration:underline;
}
#header .userinfo li.user {
background:url(/images/icon/user.gif) no-repeat;
padding-right:16px;
width:auto;
float:left;
font-weight:bold;
}
#header .userinfo li.quote {
background:url(/images/icon/quote.gif) no-repeat;
padding-right:14px;
width:auto;
float:left;
}
#header .userinfo li.signout {
padding-left:0;
float:left;
}
#header .userinfo li.signout a {
background:url(/images/button/signout.gif) no-repeat;
width:64px; height:18px;
text-indent:-1000em;
cursor:pointer;
display:block;
}


#nav {
width:1001px; height:37px;
background:#009ecf url(/images/bg/nav.gif) repeat-x;
color:white;
font-size:12px;
overflow:hidden;
}

#nav .left {
width:15px; height:37px;
background:url(/images/bg/nav_l.gif) no-repeat;
float:left;
}

#nav .center {
width:971px; height:37px;
float:left;
}

#nav .right {
width:15px; height:37px;
background:url(/images/bg/nav_r.gif) right no-repeat;
float:left;
}

#nav ul {
width:100%; height:auto;
float:left;
overflow: hidden;

}

#nav ul li {
padding:11px 0 0 0;
float:left;
text-align:center;
}

#nav a {
width:auto; height:auto;
padding-right:15px;
padding-left:15px;
float:left;
overflow:hidden;
text-align:center;
cursor:pointer;
text-decoration:none;
color:white;
border-left:1px white solid;
text-transform:uppercase;
}

#nav a.first {
border-left:0;
}

#nav a.selected {
font-weight:bold;
text-decoration:underline;
}

#nav a:hover {
color:#cceffb;
}


.seperator {
width:100%; height:10px;
clear:both;
}



/*
BODY  |  START
Content + Right Column
*/

#body {
width:1001px; height:100%;
}

#body .content {
width:690px; height:auto;
float:left;
}

#body .column {
width:296px; height:auto;
float:right;
}

#showcase {
width:100%; height:224px;
background:#09b3ef;
}

#testimonial {
width:100%; height:176px;
}

#whatis {
width:100%; height:177px;
background:url(/images/bg/body_whatis.png) left 11px no-repeat;
color:#2383be;
font-size:12px;
}

#whatis h1 {
color:#194794;
font-weight:bold;
padding-bottom:7px;
font-size:12px;
}

#whatis .copy {
padding:38px 38px 24px 38px;
text-align:justify;
}


.box {
width:296px; height:auto;
background:#f8f8f8 url(/images/bg/clmn_r_body.gif) repeat-y;
font-size:12px;
line-height:1.2em;
}

.box .member {
height:184px;
background:url(/images/bg/clmn_r_member.png) no-repeat;
color:#788a92;
overflow:hidden;
}

.box .member h1 {
font-size:18px;
color:#6e7f86;
}

.box .member a {
color:#0b76b7;
text-decoration:underline;
}

.box .member a:hover {
text-decoration:none;
}

.box .merchants {
text-align:center;
}

.box .head {
width:100%; height:39px;
background:#009fd0 url(/images/bg/clmn_r_head.png);
}

.box .head h1 {
color:white;
margin:0;
padding:12px 0 0 25px;
text-transform:uppercase;
font-size:13px;
}

.box .body {
padding:20px;
}

.box .foot {
width:100%; height:9px;
background:white url(/images/bg/clmn_r_bot.png) no-repeat;
}
.login_err
{
	padding:0;
	margin:0;
	display:block;
}

/*
BODY  |  END
*/



/*
FOOTER  |  START
*/

#footer {
width:100%; height:auto;
background:url(/images/bg/footer.gif) repeat-x;
overflow:hidden;
}

#footer  ul {
overflow:hidden;
list-style:none;
}

#footer  ul li {
float:left;
text-align:center;
list-style:none;
}

#footer a {
padding-right:35px;
padding-left:35px;
float:left;
overflow:hidden;
text-align:center;
cursor:pointer;
text-decoration:none;
color:#6084c1;
border-left:1px #bcbcbc solid;
font-size:12px;
}

#footer a.first {
border-left:0;
}

#footer a:hover {
color:#bcbcbc;
}

#footer .left {
width:690px;
color:#888888;
font-size:11px;
float:left;
padding-top:15px;
}

#footer .right {
float:right;
}

#footer .right a {
padding:0; margin:0;
border:0;
}


/*
FOOTER  |  END
*/

.form_login {
width:130px;
height:18px;
background:white url(/images/bg/form_input.gif) repeat-x;
border:#aab6bc 1px solid;
color:#50646f;
padding:3px 0 0 3px;
font-size:12px;
}


.box .news ul {
width:100%; height:100%;
}

.box .news ul li {
list-style:url(/images/bullet/arrow.gif);
margin-bottom:10px;
}

.box .news a {
text-decoration:none;
color:#0089c5;
}

.box .news a:hover {
color:#313131;
text-decoration:underline;
}

.slideshowcontainer {
height:110px; width:220px;
margin:auto
}

.gradient {
width:100%; height:100%;
background:url('/images/bg/gradient.png') repeat-x;
overflow:hidden;
}


.bordered {
border:1px solid #c6c6c6;
overflow:hidden;
}

#body #contentBody ul
{
padding:10px;
list-style:none;
}
#body #contentBody ul li 
{
list-style:disc;
color:#313131;
margin-left:10px;
}

.right {
float:right;
}

.note {
color:#4c4c4c;
font-size:12px;
}